<template>
    <div><!-- 新闻内容 {{$route.params.type}} -->
        
       
           <div class="ta" v-for="(i,$index) in arr " :key="$index">
            <div class="lr">
                <div class="left">
                <h4>{{i.text}}</h4>
                <p>{{i.pp}}</p>
                <li>{{i.read}}</li>
                </div>
                <div class="right">
                    <img :src="i.imgurl" alt="">
                </div>
            </div>
            
        </div>
       
        
            
    </div>
</template>



</template>



<style scoped>
    .ta{
        text-align: left;
    }
    .lr{
        display: flex;
        border-bottom: 1px solid #cccccc;
        padding-top: 10px;
    }
    .lr>div{
        flex: 2,1;
    }
    .left{
        float: left;
        width: 80%;
        line-height: 40px;
    }
    .right{
        width: 20%;
        float: right;
        padding-left: 10%;
    }
    .right img{
        width: 200px;
        height: 130px;
    }
</style>
<script>


export default {

   

    
   
    data() {
        return {
            arr:[
               
           
                 {text:'喝什么茶叶好?春天适合喝什么茶?喝白茶喝什么茶叶好?',
                pp:'2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，茶在3类致癌物清单中。属于对人类致癌性可疑，尚无充分的人体或动物数据的物质类。',
                read:'阅读正文 →',
                imgurl:'https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS83NDAyZmFlMWJhYTc5ODE4MDgxZjAzYjY3ZTBlNTRkMi0yMDB4MTMwLTkwLndlYnA_p_p100_p_3D.webp'
                },
                 {text:'喝什么茶叶好?春天适合喝什么茶?喝白茶喝什么茶叶好?',
                pp:'2017年10月27日，世界卫生组织国际癌症研究机构公布的致癌物清单初步整理参考，茶在3类致癌物清单中。属于对人类致癌性可疑，尚无充分的人体或动物数据的物质类。',
                read:'阅读正文 →',
                imgurl:"https://ccdn.goodq.top/caches/9b69daffc17579b848483c854813cad2/aHR0cDovLzVjZGQzYWE1YzQ2ZWEudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxOS8wNS8yZmVkNDQ2MDY0MjQ3YWZlYjhhOTRmZDQ0ZGIwNzk3OS0yMDB4MTMwLTkwLndlYnA_p_p100_p_3D.webp"
                },
            ]
        }
    },
}
</script>